// Created by lifei on 2020/7/22--16:14.
<template>
    <list-page
        :pager="pager"
        :data="tableData"
        :showSearch="false"
        :showSelection="false"
        @changeCurrentPage="changeCurrentPage">
        <template slot="table">
            <el-table
                :data="tableData"
                align="center">
                <el-table-column
                    label="材料名称"
                    prop="name">
                </el-table-column>
                <el-table-column
                    width="90px"
                    label="是否上传"
                    prop="isUpload">
                    <template slot-scope="scope">
                        <span v-if="scope.row.isUpload" class="icon el-icon-check text-success"></span>
                        <span v-else class="icon el-icon-close text-danger"></span>
                    </template>
                </el-table-column>
                <el-table-column
                    label="档案文件"
                    prop="file">
                </el-table-column>
                <el-table-column
                    width="150px"
                    label="更新时间"
                    prop="updated">
                </el-table-column>
                <el-table-column
                    label="备注"
                    prop="remard">
                </el-table-column>
                <el-table-column
                    width="110px"
                    label="操作">
                    <template slot-scope="scope">
                        <div class="flex-c">
                            <el-button type="text">编辑</el-button>
                            <span class="btn-line"></span>
                            <el-button type="text" @click="del(scope.row, scope.$index)">
                                <span class="text-danger">删除</span>
                            </el-button>
                        </div>
                    </template>
                </el-table-column>
            </el-table>
        </template>
    </list-page>
</template>

<script>
    import pager from '@/assets/vue-mixin/pager'

    export default {
        name: "case-comp",
        mixins: [pager],
        data() {
            return {
                tableData: [
                    {
                        name: '城市更新单元规划批复',
                        isUpload: true,
                        file: '城市更新单元规划批复.pdf',
                        updated: '2020-5-27 17:51',
                        remard: '备注信息',
                    },
                    {
                        name: '建设用地规划许可证',
                        isUpload: false,
                        file: '建设用地规划许可证.pdf',
                        updated: '2020-5-27 17:51',
                        remard: '备注信息',
                    },
                ]
            }
        },
        mounted() {
        },
        methods: {
            handleClick() {

            },
            del() {

            }
        }
    }
</script>

<style scoped lang='scss'>
    .icon {
        font-size: 18px;
        font-weight: bold;
    }
</style>
